table {
  width: 100%;
  background-color: #fafafa;
  border: 1px #000000 solid;
  border-collapse: collapse;
  border-spacing: 0px; 
}

table tr:hover td {
  background:#D2FCA7;
}

table tr td {
  text-align: center;
}

tr {
  border-bottom: 1px #6699CC dotted;
  text-align: left;
  font-family: Verdana, sans-serif, Arial;
  font-weight: normal;
  font-size: .9em;
  color: #404040;
  background-color: #fafafa;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 0px; 
}

tr.header {
  background-color: #99CCCC;
  border: 1px #000000 solid;
  font-weight: bold;
  font-size: small;
  color: #404040;
}

.title {
  text-align: center;
  font-weight: bold;
  font-size: small;
}

.positive {
  color: #00AA00;
}

.negative {
  color: #FF0000;
}